const {
    merge
} = require('webpack-merge')
const common = require('./webpack.common')('development')

module.exports = merge(common, {
    mode: 'development',
    output: {
        filename: '[name].js'
    },
    // 使用source-map可以帮助定位有问题代码的所在行列，
    // 也可以使用cheap-module-eval-source-map 查找到行，没有经过loader处理，构建速度更快
    devtool: 'source-map',
    devServer: {
        // 服务启用gzip 不开启也行，反正是在本地
        compress: true,
        // webpack默认会将打包的文件全部作为资源文件输出，开发环境下public作为静态资源（除了HtmlWebpackPlugin处理的模板文件）
        // 没必要打包，所以这里需要将public目录配置到contentBase上
        contentBase: './public',
        // 启用热模块替换,因为使用hot失败后就会刷新页面，刷新后错误信息就没了，所以使用hotOnly会更好一些，
        // vue已经帮我们做了模块热替换，所以我们在其他地方配置了
        hotOnly: true
    }
})